<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>倩女幽魂活动</title>
		<link rel="stylesheet" type="text/css" href="index.css" />
	</head>
	<body>
		<div class="header w">
			<div class="headerimg">
				<img src="img/头部背景.png">
			</div>
			<div class="link left">
				<a href="#">
					<p>点击进入</p>
					<h3>华夏安全大讲堂</h3>
					<p>专题界面</p>
				</a>
			</div>
			<div class="link right">
				<a href="#">
					<p>QQ华夏</p>
					<h2>英雄召回令</h2>
				</a>
			</div>
		</div>
		<div class="conter w">
			<div class="contertext ">
				<a href="#">查看活动详情 &raquo;</a>
			</div>
			<div class="activity">
				<div class="active one">
					<img src="img/卷轴1.png">
				</div>
				<div class="butmon">
					<a href="#">
						<p>购买金币</p>
					</a>
					<div class="butact">
					<a href="#">
						<p>购买角色</p>
					</a>
				</div>
				</div>
				<div class="active two">
					<img src="img/卷轴2.png">
					<div class="butbag">
					<a href="#">
						<p>领取礼包</p>
					</a>
				</div>
				</div>
				<div class="active three">
					<img src="img/卷轴3.png">
					<div class="butaward">
					<a href="#">
						<p>立即抽奖</p>
					</a>
				</div>
				</div>

			</div>


			<div class="clearfix"></div>
			<div class="step w">
				<div class="steptitle">
					<h3>不会使用现金券？三步轻松搞定</h3>
				</div>
				<hr>
				<div class="stepcont ">
					<div class="tip">
						<p>登陆财付通查看优惠券页面</p>
					</div>
					<div class="step1">
						<img src="img/步骤1.png">
						<div class="butcheck">
							<a href=""><p>查看我的现金券</p></a>
						</div>
					</div>
					<div class="step2">
						<img src="img/步骤2.png">
					</div>
					<div class="step3">
						<img src="img/步骤3.png">
						<div class="butexper">
							<a href=""><p>立即体验</p></a>
						</div>
					</div>
				</div>

			</div>
		</div>
	</body>
</html>
